<template>
    <div class="index">
        <div style="width:100%;">
             <div style="border:1px solid rgb(240, 240, 240);;width:100%;margin:20px 0;"></div>
             <div style="background:rgb(240, 240, 240);font-size:18px;height:40px;line-height:40px;padding-left:10px;">新增</div>
             <div style="width:100%;margin:10px 0;padding-left:80px;">
                <ul>
                    <li>
                        <span  style="margin-right:5px;">用户名</span>
                        <el-input v-model="input" placeholder="请输入内容" style="width:360px;margin-top:40px;"></el-input>

                    </li>
                    <li>
                         <span style="margin-right:20px;">地址</span>
                         <el-input v-model="input" placeholder="请输入内容" style="width:360px;margin-top:40px;"></el-input>
                    </li>
                    <li>
                         <span style="margin-right:20px;">昵称</span>
                         <el-input v-model="input" placeholder="请输入内容" style="width:360px;margin-top:40px;"></el-input>
                    </li>
                    <li>
                         <span style="margin-right:5px;">手机号</span>
                         <el-input v-model="input" placeholder="请输入内容" style="width:360px;margin-top:40px;"></el-input>
                    </li>
                </ul>
                <div style="margin:30px 0 0 53px;">
                     <el-button type="primary" size="medium" style="margin-right:10px;">确定</el-button>
                     <el-button size="medium" type="warning" @click="cancel">取消</el-button>
                </div>
             </div>
      </div>
    </div>
</template>
<style scoped>
.index{
     min-height: calc(100% - 84px);
     position: relative; 
     min-width: calc(100% - 204px);
}
.left{
    width: 100%;
    display: flex;justify-content: space-between;
}
.top{
    display: flex;justify-content: left;
}
/* .right{
    position: absolute;
    left:50%;
    bottom:-50px;
    transform: translate(-50%);
} */

</style>
<script>
 export default {
      data() {
        return {
           
            input:'',
          tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
        }
      },
      methods:{
            cancel() {
                this.$router.push('/index/address')
         }

      }

    }
</script>